<template>
  <div class="category">
    <van-sidebar v-model="activeKey">
      <van-sidebar-item title="原装配件" :to="`/category/sub/000036`" />
      <van-sidebar-item title="日用百货" :to="`/category/sub/000135`"/>
      <van-sidebar-item title="数码周边" :to="`/category/sub/000142`" />
      <van-sidebar-item title="家用电器" :to="`/category/sub/000159`"/>
      <van-sidebar-item title="个护健康" :to="`/category/sub/000001`" />
      <van-sidebar-item title="家纺餐厨" :to="`/category/sub/000154`"/>
      <van-sidebar-item title="运动户外" :to="`/category/sub/000202`" />
      <van-sidebar-item title="母婴亲子" :to="`/category/sub/000123`"/>
      <van-sidebar-item title="电脑办公" :to="`/category/sub/000079`" />
      <van-sidebar-item title="出行车品" :to="`/category/sub/000099`"/>
      <van-sidebar-item title="宠物生活" :to="`/category/sub/000138`" />
      <van-sidebar-item title="文创潮玩" :to="`/category/sub/000265`"/>
      <van-sidebar-item title="箱包" :to="`/category/sub/000156`" />
    </van-sidebar>
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'Category',
  data() {
    return {
      activeKey: 0,
    }
  },
}
</script>

<style lang="less" scoped>
  .category{
    width: 100%;
    display: flex;

    /deep/.van-sidebar{
      width: 80px;
    }
  }
</style>
